<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<style>
.btn{
	cursor:pointer;
	background-image: url('${pageContext.request.contextPath}/images/login/search.png');
	background-repeat: no-repeat;
	width:67px;
	height:23px;
	padding-left:12px;
	border:none;
	color:white;
	font-family:微软雅黑;
}
.showGZ
{
	background-image: url("${pageContext.request.contextPath}/images/speedreport/showGZ.png");
	width:390px;
	height:131px;
}
body
{ 
	TEXT-ALIGN: center; 
}
.showGZ-text1{
	color: #4F8FC7;
	font-size: 12px;
	font-weight: bold;
	padding-top:5px;
	padding-left:5px;
	width: 120px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.showGZ-text2{
	width: 120px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.pz_del_span{
	float:right;
	margin-right: -20px;
}

.div_dim{
	width: 401px;
	font-size: 12px;
	position: absolute;
	z-index: 10000;
	max-height: 400px;
}

.content{
	width: 381px;
	max-height: 400px;
	float:left;
}

.div_dim2{
	max-height:290px;
	overflow:auto;  
	padding-left: 8px;
	padding-right: 8px;
}

.table_dim{
	width: 100%;
	height: 100%;
	text-align:left;
	font-size:12px;
	font-weight:normal;
}

.table_dim tr{
   height:25px;
   border-top:none;
   border-left:none;
   border-right:none;
   background: url("${pageContext.request.contextPath}/images/speedreport/line.png") repeat-x left bottom;
}

.table_dim tr.odd{
   background-color: white;
  }
  
  .table_dim tr.even{
   background-color: #f3f8fc;
}
  
.table_dim tr.broken-line{
  	border-top:none;
   border-left:none;
   border-right:none;
   background: url("${pageContext.request.contextPath}/images/speedreport/line.png") repeat-x left bottom;
}

.table_dim tr.real-line{
  	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid;
	border-bottom-width:2px;
	border-bottom-color: #9ec7ea;
	background: url("${pageContext.request.contextPath}/images/speedreport/line.png") no-repeat;
}

.table_dim tr.last{
  	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.label{
	color: #2c83c8;
	padding-left: 5px;
}

.up{
	background: url("${pageContext.request.contextPath}/images/speedreport/up.png");
	height: 10px;
	width: 381px;
}

.down{
	background: url("${pageContext.request.contextPath}/images/speedreport/down.png");
	height:11px;
	width: 381px;
}
.img_center{
	background: url("${pageContext.request.contextPath}/images/speedreport/center.png") repeat-y;
	width: 381px;
}

div.left_arrow {
  float:left;
  background : url('${pageContext.request.contextPath}/images/speedreport/arrow.png') 0px 0px no-repeat;
  width: 16px;
  height: 25px;
  position: relative;
  top: 40px;
  left: 0px;
  display: none;
}

div.right_arrow {
  float:left;
  background : url('${pageContext.request.contextPath}/images/speedreport/arrow_right.png') 0px 0px no-repeat;
  width: 17px;
  height: 27px;
  position: relative;
  top: 40px;
  left: 0px;
  display: none;
}

.warn_normal{
	color:#7aba42
}
.warn_common{
	color: #8cbeed;
}
.warn_important{
	color: #ff9200;
}
.warn_serious{
	color: #ec0101;
}
</style>
<link href="${pageContext.request.contextPath}/js/timeline/css/history.css" rel="stylesheet" />
<script src="${pageContext.request.contextPath}/js/timeline/js/timeline.js"></script>
<script src="${pageContext.request.contextPath}/dqm/urgentrptmgr/speedreport/js/speedreport_fast_result.js"></script>

<div id="mainDiv" style="width: 100%;height: 100%;overflow: hidden;"> 
	<input type="hidden" id="reportid" name="reportId" value="${report.reportId }">
	<input type="hidden" id="reportType" name="reportType" value="${report.reportType }">
	<input type="hidden" id="periodType" name="periodType" value="${report.periodType }">
 	 <div style="width:100%;height:50px;" id="addDiv">
	 	<table style="width:100%;height:100%;background-image: url(${pageContext.request.contextPath}/images/speedreport/add_speedreport_bg.png)">
		    <tr>
		      	<td width="60px" style="text-align:right;">日期：</td>
		      	<td width="150px">
		      		<input id="dataDate"    name="dataDate"  type="date"  style="width:151px;background-color: white;"/>
		      	</td>
		      	<td width="100px" style="text-align:right;">
		     		<input id="queryButton" height="24px" width="64px" type="button" value="查询" class="btn" onclick="getReportResult();">
		     	</td>
		     	<td>&nbsp;</td>
		     </tr>
	    </table>	
	</div>    	
	
	<div id="showGZDiv" style="width: 100%; height: 480px;text-align: center;margin-left: auto;margin-right: auto; overflow-y:auto;overflow-x:hidden;background-image: url('${pageContext.request.contextPath}/images/speedreport/pzgz_bg.png')">
    	<div class="head-warp">
		  <div class="head">
		        <div class="nav-box">
		          <ul>
		              <li class="cur" style="text-align:left;padding-top:7px;padding-left:17px;font-size:30px;" ></li>
		          </ul>
		        </div>
		  </div>
		</div>
		<div class="main">
		  <div class="history" style="margin-left: 100px;">
		    <div class="history-date">
		      <ul>
		      </ul>
		    </div>
		  </div>
	    </div>
    </div>
		
		
</div>
